<%--
  Created by IntelliJ IDEA.
  User: Tlsy
  Date: 2017/4/21
  Time: 11:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/pages/commons/taglibs.jsp"%>
<html>
<head>
    <title>登录</title>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.ico">

    <!-- Web Fonts -->
    <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&amp;subset=cyrillic,latin'>

    <!-- CSS Global Compulsory -->
    <link rel="stylesheet" href="${ctx}/public/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="${ctx}/public/css/shop.style.css">

    <!-- CSS Header and Footer -->
    <link rel="stylesheet" href="${ctx}/public/css/headers/header-v5.css">
    <link rel="stylesheet" href="${ctx}/public/css/headers/header-v6.css">
    <link rel="stylesheet" href="${ctx}/public/css/footers/footer-v4.css">

    <!-- CSS Implementing Plugins -->
    <link rel="stylesheet" href="${ctx}/public/plugins/animate.css">
    <link rel="stylesheet" href="${ctx}/public/plugins/line-icons/line-icons.css">
    <link rel="stylesheet" href="${ctx}/public/plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/public/plugins/scrollbar/css/jquery.mCustomScrollbar.css">
    <link rel="stylesheet" href="${ctx}/public/plugins/sky-forms-pro/skyforms/css/sky-forms.css">
    <link rel="stylesheet" href="${ctx}/public/plugins/sky-forms-pro/skyforms/custom/custom-sky-forms.css">

    <!-- CSS Page Style -->
    <link rel="stylesheet" href="${ctx}/public/css/pages/log-reg-v3.css">

    <!-- Style Switcher -->
    <link rel="stylesheet" href="${ctx}/public/css/plugins/style-switcher.css">

    <!-- CSS Theme -->
    <link rel="stylesheet" href="${ctx}/public/css/theme-colors/default.css" id="style_color">
    <link rel="stylesheet" href="${ctx}/public/css/theme-skins/dark.css">

    <!-- CSS Customization -->
    <link rel="stylesheet" href="${ctx}/public/css/custom.css">
</head>

<body class="header-fixed">

<div class="wrapper">

    <div class="header-v6  header-white-transparent">
        <!-- Navbar -->
        <div class="navbar mega-menu" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="menu-container">

                    <!-- Navbar Brand -->
                    <div class="navbar-brand">
                        <a href="#">
                            <img class="default-logo" src="${ctx}/public/img/logo.png" alt="Logo">
                        </a>
                    </div>
                    <!-- ENd Navbar Brand -->

                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->

            </div>
        </div>
        <!-- End Navbar -->
    </div>

    <!--=== Breadcrumbs v4 ===-->
    <div class="breadcrumbs-v4">
        <div class="container">
            <!--=== Login ===-->
            <div class="log-reg-v3 content-md">
                <div class="container">
                    <div class="row">
                        <div class="col-md-7 md-margin-bottom-30">
                            <h2 class="welcome-title"  style="color: snow">欢迎使用Commerce</h2>
                            <p  style="color: snow">commerce是一个商城系统平台，旨在简化和学习商城系统</p><br>
                            <div class="info-block-v2">
                                <i class="icon icon-layers"></i>
                                <div class="info-block-in">
                                    <h3 style="color: snow">后端框架</h3>
                                    <p>spring</p>
                                    <p>shiro</p>
                                    <p>eclipseLink等</p>
                                </div>
                            </div>
                            <div class="info-block-v2">
                                <i class="icon icon-settings"></i>
                                <div class="info-block-in">
                                    <h3 style="color: snow">前端框架</h3>
                                    <p>jquery</p>
                                    <p>bootstrap</p>
                                    <p>sitemesh等</p>
                                </div>
                            </div>
                            <div class="info-block-v2">
                                <i class="icon icon-paper-plane"></i>
                                <div class="info-block-in" >
                                    <h3 style="color: snow">提出意见</h3>
                                    <p>作者水平有限，希望及时指出，issues和邮件都可以，谢谢！</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-5">
                            <form id="login_form" class="log-reg-block sky-form" method="post" action="${ctx}/login">
                                <h2 style="color: snow">密码登录</h2>

                                <section>
                                    <label class="input login-input">
                                        <div class="input-group">
                                            <span class="input-group-addon"><i class="fa fa-user"></i></span>
                                            <input type="number" placeholder="Phone Number" name="username" class="form-control">
                                        </div>
                                    </label>
                                </section>
                                <section>
                                    <label class="input login-input no-border-top">
                                        <div class="input-group">
                                            <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                                            <input type="password" placeholder="Password" name="password" class="form-control">
                                        </div>
                                    </label>
                                </section>
                                <div class="row margin-bottom-5">
                                    <div class="col-xs-6" style="color: snow">

                                            <input type="checkbox" name="rememberMe"/>
                                            <i></i>
                                        Remember me
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <a href="#" style="color: snow">忘记密码?</a>
                                    </div>
                                </div>
                                <button class="btn-u btn-u-sea-shop btn-block margin-bottom-20" type="submit">登录</button>

                                <div class="border-wings">
                                    <span>or</span>
                                </div>

                                <div class="row columns-space-removes">
                                    <div class="col-lg-4 margin-bottom-10">
                                        <button type="button" class="btn-u btn-u-md btn-u-fb btn-block"><i class="fa fa-facebook"></i> Facebook</button>
                                    </div>
                                    <div class="col-lg-4">
                                        <button type="button" class="btn-u btn-u-md btn-u-tw btn-block"><i class="fa fa-twitter"></i> Twitter</button>
                                    </div>
                                    <div class="col-lg-4">
                                        <button class="btn-u btn-u-md btn-u-tw btn-block">
                                            <i class="fa fa-weibo"></i> Weibo
                                        </button>
                                    </div>
                                </div>
                            </form>

                            <div class="margin-bottom-20"></div>
                            <p class="text-center" style="color: snow">还没有账号? 了解更多和 <a href="${ctx}/register">注册账号</a></p>
                        </div>
                    </div><!--/end row-->
                </div><!--/end container-->
            </div>
            <!--=== End Login ===-->
        </div><!--/end container-->
    </div>
    <!--=== End Breadcrumbs v4 ===-->



    <!--=== Footer v4 ===-->
    <div class="footer-v4">
        <div class="copyright">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <p>
                            2017 &copy; commerce. ALL Rights Reserved.
                            <a target="_blank" href="https://twitter.com/htmlstream">Htmlstream</a> | <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
                        </p>
                    </div>
                    <div class="col-md-6">
                        <ul class="list-inline sponsors-icons pull-right">
                            <li><a href="#"><i class="fa fa-cc-paypal"></i></a></li>
                            <li><a href="#"><i class="fa fa-cc-visa"></i></a></li>
                            <li><a href="#"><i class="fa fa-cc-mastercard"></i></a></li>
                            <li><a href="#"><i class="fa fa-cc-discover"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div><!--/copyright-->
    </div>
    <!--=== End Footer v4 ===-->
</div><!--/wrapper-->


<!-- JS Global Compulsory -->
<script src="${ctx}/public/plugins/jquery/jquery.min.js"></script>
<script src="${ctx}/public/plugins/jquery/jquery-migrate.min.js"></script>
<script src="${ctx}/public/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- JS Implementing Plugins -->
<script src="${ctx}/public/plugins/back-to-top.js"></script>
<script src="${ctx}/public/plugins/smoothScroll.js"></script>
<script src="${ctx}/public/plugins/scrollbar/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="${ctx}/public/plugins/sky-forms-pro/skyforms/js/jquery.form.min.js"></script>
<script src="${ctx}/public/plugins/sky-forms-pro/skyforms/js/jquery.validate.min.js"></script>
<!-- JS Customization -->
<script src="${ctx}/public/js/custom.js"></script>
<!-- JS Page Level -->
<script src="${ctx}/public/js/shop.app.js"></script>
<script src="${ctx}/public/js/forms/page_login.js"></script>
<script src="${ctx}/public/js/plugins/style-switcher.js"></script>
<script src="${ctx}/public/js/forms/page_contact_form.js"></script>
<script>
    jQuery(document).ready(function() {
        App.init();
        Login.initLogin();
        App.initScrollBar();
        StyleSwitcher.initStyleSwitcher();
        PageContactForm.initPageContactForm();
    });
</script>
<!--[if lt IE 9]>

<![endif]-->

</body>
</html>
